﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMasterPage.master" AutoEventWireup="true" CodeFile="upload.aspx.cs" Inherits="upload" %>

<%@ Register Src="~/UploadControl/UploadControl.ascx" TagPrefix="uc1" TagName="UploadControl" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="photo-page">
    <div class="site-wrap3">
        <style type="text/css">
            .navbar {
                margin-bottom: 15px;
            }

            .alert_1 {
                width: 941px;
                margin: 0px auto 15px auto;
            }

                .alert_1 p {
                    background-color: #FFF;
                    padding: 6px;
                    border-style: solid;
                    border-color: #cdcdcd #cdcdcd #cdcdcd #F30;
                    border-width: 1px 1px 1px 5px;
                    text-align: center;
                }

                    .alert_1 p a {
                        font-size: 14px;
                        font-weight: bold;
                        color: #F30;
                        text-transform: uppercase;
                    }

                        .alert_1 p a:hover {
                            text-decoration: underline;
                        }
        </style>
        <div class="alert_1">
            <p>Ban quản trị <a href="#">TeenVietNam</a> khuyến khích bạn sử dụng tổ hợp phím <b>ctrl + f5</b> để upload ảnh hiệu quả nhất</p>
        </div>

        <div class="container-left upload-photo">
            <h1 class="title-upload-photo">
                <i></i>
                Đăng ảnh
            </h1>

            <div>
                <div class="upload-form">
                    <script type="text/javascript">
                        function showimagepreview(input) {
                            var el = document.getElementById('previewPhoto');
                            if (el.childNodes.length > 0) {
                                while (el.firstChild) {
                                    el.removeChild(el.firstChild);
                                }
                            }
                            if (input.files && input.files[0]) {
                                var count = input.files.length;
                                for (var i = 0; i < count; i++) {
                                    var filerdr = new FileReader();
                                    filerdr.onload = function (e) {
                                        var img = document.createElement('img');
                                        img.src = e.target.result;
                                        document.getElementById('previewPhoto').appendChild(img);
                                    }

                                    filerdr.readAsDataURL(input.files[i]);
                                }
                            }
                        }
                    </script>
                    <div class="fileUpload btn btn-primary">
                        <span>Chọn ảnh</span>
                        <asp:FileUpload AllowMultiple="true" runat="server" CssClass="upload" ClientIDMode="Static" ID="fuPhoto" onchange="showimagepreview(this);" /><br />
                    </div>
                    <div id="previewPhoto"></div>
                </div>
                <table border="0" cellspacing="0" cellpadding="0" class="thongtinAlbumUpload">
                    <tbody>
                        <tr>
                            <td valign="top"><strong>Thể loại :</strong></td>
                            <td class="radio-selector-category">
                                <asp:DropDownList ID="ddlCategory" runat="server">
                                </asp:DropDownList>
                                
                            </td>
                        </tr>
                        <tr>
                            <td width="112px" valign="top"><strong>Tên album :</strong></td>
                            <td colspan="2">
                                <label>
                                    <input type="text" name="album_name" id="album_name" runat="server" class="textField" style="width: 470px" />
                                </label>

                            </td>
                        </tr>
                        <tr>
                            <td valign="top"><strong>Thông tin mô tả :</strong></td>
                            <td colspan="2">

                                <textarea name="description" id="album_desc" style="width: 470px; height: 70px" runat="server"></textarea>
                            </td>
                        </tr>

                        <tr>
                            <td><strong>Chia sẻ :</strong></td>
                            <td class="radio-selector-category">
                                <asp:RadioButtonList ID="rdlPeople" runat="server">
                                    <asp:ListItem Text="Tất cả mọi người" Value="0" />
                                    <asp:ListItem Text="Tôi và bạn bè" Value="1" />
                                    <asp:ListItem Text="Chỉ mình tôi" Value="2" />
                                </asp:RadioButtonList>
                            </td>
                        </tr>

                        <tr>
                            <td valign="top"><strong>Từ khóa:</strong></td>
                            <td colspan="2">
                                <input type="text" name="tags" id="tags" class="textField ac_input" style="width: 470px" autocomplete="off">
                            </td>
                        </tr>

                        <tr>
                            <td><strong>Chia sẻ nâng cao:</strong></td>
                            <td colspan="2">Tự động upload ảnh của bạn lên các dịch vụ khác</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <label class="mr10px">
                                    <asp:CheckBox ID="chkIsShare" runat="server" /><img alt="facebook" src="Images/fb.png" style="padding-left: 3px"></label>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="6" height="80">
                                <asp:Button ID="btnPost" Text="Đăng ảnh" CssClass="btn-upload-photo-page" OnClick="btnPost_Click" runat="server" />
                                <input type="button" value="Quay lại" class="btn-back-photo-page" />
                            </td>
                        </tr>
                        <tr>
                            <td height="80" colspan="3">
                                <p class="thongbaoUploadS">
                                    Sau khi điền đầy đủ các thông tin trên, bạn chọn "Đăng ảnh". Album ảnh sẽ được Ban quản trị của TeenVietNam.vn kiểm duyệt và sau đó được hiển thị trên Tamtay.vn nếu không vi phạm quy định về đăng tải nội dung. Lưu ý: ảnh mới đăng sẽ hiển thị trong phần "Ảnh của tôi" với dòng chữ "Ảnh chưa được công bố"<br>
                                </p>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        </div>
    </div>
</asp:Content>

